import React, { Component } from "react";

import "./03-class.css";

/*
  添加类名的时候，需要使用className来表示class属性
  css文件只能写在外部，用模块化进行引入
*/
class App extends Component {
  render() {
    return (
      <>
        <h2>通过class添加样式</h2>
        <div className="font">hello react!</div>

        {/* for属性也要改成htmlFor，其他的没有了 */}
        {/* 注释也是js的表达式，所以在jsx里面的注释要加大括号 */}
        <label htmlFor="username">姓名：</label>
        <input type="text" id="username" />
      </>
    );
  }
}

export default App;
